<template>
   <view class="item" v-if="info?.preName">
    <view class="name">{{info?.preName}}  {{phones}}</view>
    <view class="address">{{info?.address}} {{ info?.preAddressNote }}</view>
   </view>
</template>

<script lang="ts" setup>
import Taro from "@tarojs/taro";
import { computed } from "@vue/reactivity";
import { onMounted, reactive,ref } from "vue"
const props = defineProps<{
    consignee?:any,
    consigner?:any,
    type:string
}>()
const info = props.consignee?props.consignee:props.consigner
const phones = computed(()=>{
    let tel = info?.preTel
    return tel?.substring(0, 3)+"****"+tel?.substr(tel?.length-4)||''
})

</script>

<style lang="scss">
.item{
    background-color: #ffffff;
    padding: 25rpx;
    margin-bottom: 20rpx;
    border-radius: 5%;
    line-height: 45rpx;
    .name{
        font-size: 35rpx;
        font-weight: normal;
        font-family: PingFangSC-Semibold;
    }
    .address{
        font-size: 23rpx;
        color: #666666;
    }
}
</style>